﻿<html>
<head>
<title>オンライン会議室予約システム</title>

<link rel="stylesheet" href="lib/css/360.css"/>
<link rel="stylesheet" href="lib/css/style.css"/>
<link rel="stylesheet" href="lib/css/slide-style.css"/>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/scripts.js"></script>
<?php  include_once 'lib/style.php'; ?>

</head>
<body>
<script>
function clearText(theField) {
	if(theField.defaultValue == theField.value)
		theField.value = '';
}
function onBlur(el) {
    if (el.value == '') {
        el.value = el.defaultValue;
    }
}
function logout(){
		//alert('aaaa');
		$.ajax({
			url:"logout.php",
  			data:'',
			success: function(data) {
			//alert(data);
			window.location.href="index.php";
			}
		});
	}
function view_room(){
	$.ajax({
			url:"data/room/room_user/index.php",
  			data:'',
			success: function(data) {
			//alert(data);
			$('#viewData').html(data);
			
			}
		});
		document.location.href = '#viewData';
}
function booking(){
	$.ajax({
			url:"data/room/room_user/book_room/index.php",
  			data:'',
			success: function(data) {
			//alert(data);
			$('#viewData').html(data);
			
			}
		});
	document.location.href = '#viewData';
}
</script>
<!-- Begin wrapper -->
<div class="wrapper">
	<div class="top_header">
		<div class="welcome">
			よこそ <?php include_once 'data/loadInformationUser.php'; ?> &nbsp;&nbsp;&nbsp;<a href='javascript:logout()'> ログアウト</a>
		</div>
	</div>
	<!-- End header -->
	
	
    <div class="header_user">
		
	</div>
	<div class="menu">		
		<ul class="nav">
			<li><a href="javascript:booking()" class="nav_menu menu2" id="menu2"></a></li>
			<li><a href="javascript:view_room()" class="nav_menu menu3" id="menu3"></a></li>
		</ul>		
	</div>
	<!-- Begin main -->
	<div class="main">
		<div class="wrap">
			<div id="slide-holder">
				<div id="slide-runner">
					<a href=""><img id="slide-img-1" src="lib/images/images_banner/slideshow/1.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-2" src="lib/images/images_banner/slideshow/2.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-3" src="lib/images/images_banner/slideshow/3.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-4" src="lib/images/images_banner/slideshow/4.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-5" src="lib/images/images_banner/slideshow/5.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-6" src="lib/images/images_banner/slideshow/6.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-7" src="lib/images/images_banner/slideshow/7.jpg" width="940px" height="278px" class="slide" alt="" /></a> 
					<div id="slide-controls">
						<p id="slide-client" class="text"><strong> </strong><span></span></p>
						<p id="slide-desc" class="text"></p>
						<p id="slide-nav"></p>
					</div>
				</div>
			</div>		
		</div>
		<script type="text/javascript">
		if(!window.slider) var slider={};slider.data=[
			{"id":"slide-img-1","client":"会議室A　：","desc":"一番大きい会議室、１０席"},
			{"id":"slide-img-2","client":"会議室B　：","desc":"大きい会議室、６席"},
			{"id":"slide-img-3","client":"会議室C　：","desc":"大きい会議室、６席"},
			{"id":"slide-img-4","client":"会議室D　：","desc":"小さい会議室、４席"},
			{"id":"slide-img-5","client":"会議ブースH　：","desc":"会議ブース、４席"},
			{"id":"slide-img-6","client":"会議ブースI　：","desc":"会議ブース、４席"},
			{"id":"slide-img-7","client":"会議ブースJ：　","desc":"会議ブース、４席"}
		];
	   </script>
	   
	   <div class="bookingInfo" id='viewData'>
	   <?php  include_once 'data/room/room_user/index.php';?>
	   </div>
	   
	</div>
	<!-- End main -->

	<!-- Begin footer -->
	<div class="footer">
		<p>Hedspi - Team 03</p>
		Copyright &copy by <a href="#">Team-IT03</a>
	</div>
	<!-- End footer -->
</div>
<!-- End wrapper -->

<!-- Javascrip -->
<script type="text/javascript">
	$(document).ready(function() {
		$('.wrapper').append('<div id="top">Back to top</div>');
		$(window).scroll(function(){
			if($(window).scrollTop() != 0) {
				$('#top').fadeIn();
			}
			else {
				$('#top').fadeOut();
			}
			
		});
		$('#top').click(function() {
				$('html, body').animate({scrollTop:0}, 500);
			});
	
		$(".nav_menu").each(function() {
			$(this).click(function() {
				var index = $(this).attr("id").substring(4);
				$(".nav_menu").each(function() {
					var i = $(this).attr("id").substring(4);
					$(this).removeClass("menu" + i + "_active").addClass("menu" + i);
				});
				$(this).removeClass("menu" + index).addClass("menu" + index + "_active");
			});
		});
	});
</script>

</body>
</html>